<span class="btn-upload form-group">
    <a href="javascript:void();" class="btn btn-primary radius"><i class="Hui-iconfont">&#xe642;</i> 浏览文件</a>
    <input type="file" class="input-file" id="input-{{$previewImgId}}" accept="image/png">
    <input type="hidden" name="{{$name}}" value="{{$value}}">
</span>

<script type="text/javascript">
    $('#input-{{$previewImgId}}').change(function(){
        let resultFile = $(this)[0].files;
        console.log(resultFile);
        // console.log('文件信息---',$(this)[0].files)
        /* 文件预览：
        重新创建一个FileReader对象，使应用程序异步读取存放在计算机上的文件内容；
        readAsDataURL：新建的FileReader对象读取需要读取的文件。已返回读取的文件内容,
        data内容为base64数据。
        */
        if (resultFile[0]) {
            let reader = new FileReader();              
            reader.readAsDataURL(resultFile[0]);
            reader.onload = function (e) {
                // console.log(this.result);
                let base64data = this.result;
                // console.log('{{$previewImgId}}');
                $('#{{$previewImgId}}').attr('src',base64data);
                $('input[name="{{$name}}"]').val(base64data);
            }
        }
    });

</script>